﻿body .container {
 padding:0px !important;
}

.page-container .amis-container {
    flex: 1;
    overflow-y: scroll !important;
}

.cxd-Cards .cxd-Cards-body > :nth-child(1) .cxd-Card-avtarText {
    background-color: #16a085 !important;
}

.cxd-Cards .cxd-Cards-body > :nth-child(2) .cxd-Card-avtarText {
    background-color: #34495e !important;
}

.cxd-Cards .cxd-Cards-body > :nth-child(3) .cxd-Card-avtarText {
    background-color: #d35400 !important;
}

.cxd-Cards .cxd-Cards-body > :nth-child(4) .cxd-Card-avtarText {
    background-color: #8e44ad !important;
}

.cxd-Cards .cxd-Cards-body > :nth-child(5) .cxd-Card-avtarText {
    background-color: #2980b9 !important;
}

.cxd-Cards .cxd-Cards-body > :nth-child(1) .cxd-Card-fieldValue {
    color: #16a085;
}

.cxd-Cards .cxd-Cards-body > :nth-child(2) .cxd-Card-fieldValue {
    color: #34495e;
}

.cxd-Cards .cxd-Cards-body > :nth-child(3) .cxd-Card-fieldValue {
    color: #d35400;
}

.cxd-Cards .cxd-Cards-body > :nth-child(4) .cxd-Card-fieldValue {
    color: #8e44ad;
}

.cxd-Cards .cxd-Cards-body > :nth-child(5) .cxd-Card-fieldValue {
    color: #2980b9;
}

.cxd-Cards .cxd-Cards-body .cxd-Card {
    position: relative;
}

    .cxd-Cards .cxd-Cards-body .cxd-Card .cxd-Card-field {
        position: unset;
    }

.cxd-Cards .cxd-Cards-body .cxd-Card-fieldLabel {
    position: absolute;
    font-size: 90px;
    line-height: 90px;
    color: black;
    opacity: 0.02;
    right: 0;
    top: 5px;
}

.cxd-Cards .cxd-Cards-body .cxd-Card-fieldValue {
    position: absolute;
    font-size: 50px;
    line-height: 50px;
    right: 10px;
    top: 45px;
}

.cxd-Cards .cxd-Cards-body .cxd-Card-avtarText {
    font-size: 26px;
}

body > nav {
    display: none !important;
}

.page-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}



.page-container .diy-tabbar {
    flex: 0 0 50px;
    opacity:0.8;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: rgb(247 247 248 /80%)
}

.page-container .diy-tabbar .bar-button {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.page-container .diy-tabbar .main-bar-button{
    flex:0 0 50%
}

.page-container .diy-tabbar .report-bar-button{
    flex:0 0 50%;
}

.page-container .icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:3px;
}

.active-color {
    color: #005bc1;
}

.page-container .home-icon {
    height:28px;
    width:28px;
}